<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css">
</head>

<body style="background-color: #f2f2f2;">
    <!-- 顶部导航 -->
    <div id="head_tab">
        <a href="#" class="head_left">
			<img src="../img/back.png" alt=""> 
			<!--  返回 -->
		</a>
        <h2>标签栏标题</h2>
        <a href="#" class="head_right">
			 <img src="../img/in.png" alt="">
			<!-- 返回 -->
		</a>
    </div>
    <!-- 顶部导航 -->
    <div id="head_nav">
        <ul>
            <li><a href="#">标题一</a></li>
            <li><a class="on" href="#">标题一</a></li>
            <!-- <li><a  h	ref="#">标题一</a></li> -->
        </ul>
    </div>

    <!-- 设置和个人中心界面 -->
    <div id="content_list_set">
        <ul>
            <li>
                <img src="../img/back.png">
                <div>修改密码</div>
                <img src="../img/in.png">
            </li>
            <li>
                <img src="../img/back.png">
                <div>修改密码</div>
                <img src="../img/in.png">
            </li>
        </ul>
    </div>
    <!-- 消息列表界面 -->
    <div id="message_list">
        <ul>
            <li>
                <div class="title">
                    <div class="mask color"></div>
                     <h5>报警信息</h5>
                </div>
                <div class="content">2017-5-24 12:22:12，A楼办公区配电箱发生严重漏电报警</div>
            </li>
            <li>
                <div class="title">
                    <div class="mask color"></div>
                     <h5>报警信息</h5>
                </div>
                <div class="content">2017-5-24 12:22:12，A楼办公区配电箱发生严重漏电报警</div>
            </li>
        </ul>
    </div>
    <!-- 底部导航 -->
    <div id="foot_nav">
        <ul>
            <li class="on">
                <a href="#">
					<img src="../img/index_on.png">
					<div>信息</div>
				</a>
            </li>
            <li>
                <a href="#">
					<img src="../img/index_off.png">
					<div>信息</div>
				</a>
            </li>
            <li>
                <a href="../message/message.html">
					<img src="../img/index_off.png">
					<div>信息</div>
				</a>
            </li>
            <li>
                <a href="../message/message.html">
					<img src="../img/index_off.png">
					<div>信息</div>
				</a>
            </li>
        </ul>
    </div>
</body>
<script type="text/javascript">
/*   	window.draftWidth = 750;
   	var dWidth = window.draftWidth;
   	var cWidth = document.body.clientWidth;
   	var rem = cWidth * 100 / dWidth +"px";
   	document.getElementByTagName('html')[0].style.fontSize = rem;
   	document.getElementByTagName('body')[0].style.fontSize = rem;
*/
</script>

</html>